<template>
  <Card title="取还车门店信息">
    <DescriptionsItem label="门店名称">{{ info.name }}</DescriptionsItem>
    <DescriptionsItem label="门店电话">{{ info.telephones }}</DescriptionsItem>
    <div class="gap"></div>
    <ViewMore :relatedKey="storeKey" :data="info">门店详细信息</ViewMore>
  </Card>
</template>
<script>
import Card from "./card.vue";
import DescriptionsItem from "./descriptionsItem.vue";
import ViewMore from "./viewMore.vue";

export default {
  data() {
    return {
      storeKey: {
        sid: '飞猪标准门店id',
        code: '门店代码',
        name: '门店名称',
        store_type: '门店类型',
        address: '详细地址',
        city_code: '所在城市code',
        city_name: '所在城市名称',
        latitude: '纬度',
        longitude: '经度',
        telephones: '联系电话',
        open_times: '营业时间',
      },
    };
  },
  props: {
    info: {
      type: Object,
      default: () => {
        return {};
      },
    },
  },
  components: {
    Card,
    DescriptionsItem,
    ViewMore,
  },

  methods: {},
};
</script>

<style lang="scss" scoped>
  .gap {
    margin: 16rpx 0;
  }
</style>
